:root {
  --myFonstSize: 14px;
  font-size: 2.667vw;
}
img {
  width: 100%;
}
.scene_item {
  width: 100%;
  height: 100%;
  position: relative;
}
.tool {
  position: absolute;
  > img {
    cursor: pointer;
  }
}
.dialog {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  .dialog_body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  }
}
.numbers {
  top: calc(1rem + env(safe-area-inset-top));
  left: 2rem;
  .bg {
    width: 18rem;
  }
  .nbg {
    width: 1.5rem;
    position: absolute;
    top: 2.4rem;
    left: 8.1rem;
  }
}
.ads {
  top: calc(1.6rem + env(safe-area-inset-top));
  right: 2rem;
  > img {
    width: 13rem;
  }
}
.tips {
  bottom: 1rem;
  left: 2rem;
  > img {
    width: 13rem;
  }
}
.back {
  bottom: 1rem;
  right: 2rem;
  > img {
    width: 5.5rem;
  }
}
.point,
.wrong {
  position: absolute;
  width: 5rem;
  height: auto;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 1500px) {
  .container {
    width: auto !important;
  }
}
